<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Mr.Lin - 个人主页</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/owl-carousel.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/templatemo-style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <style>
        .pro_name a{color: #4183c4;}
        .osc_git_title{background-color: #fff;}
        .osc_git_box{background-color: #fff;}
        .osc_git_box{border-color: #E3E9ED;}
        .osc_git_info{color: #666;}
        .osc_git_main a{color: #9B9B9B;}
    </style>
</head>

<body>
    <!-- SITE HEADER -->
    <div class="site-top" id="top">
        <div class="site-top-overlay"></div>
        <div class="site-header">
            <div class="container">
                <a href="#" class="site-brand">
                    <img src="images/logo.png" alt="Alpines template">
                </a>
                <div class="main-navigation">
                    <a href="#" class="visible-xs toggle-menu"><i class="fa fa-bars"></i></a>
                    <nav class="site-navigation">
                        <ul>
                            <li><a href="#posts">开源项目</a></li>
                            <li><a href="http://dp-dev.mydoc.io/">项目文档</a></li>
                            <li><a href="http://119.29.189.175:8080/dp/login.html">在线演示</a></li>
                            <li><a href="#cta">联系我们</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- .main-navigation -->
            </div>
        </div>
        <!-- .site-header -->
        <div class="welcome-text">
            <div class="container text-center white-text">
                <div class="col-xs-8 col-xs-offset-2">
                    <h1>Hello, Welcome to Mr.Lin</h1>
                    <h4>Mr. Lin, whose full name is Zhou Chenglin, is devoted to the JAVA technology programmer. <br>
                        My motto is : " I have been coding and studying all the time. "</h4>
                    
                    <a href="https://gitee.com/dp_group" class="button outline white" target="_blank">oschina.net</a>
                    <a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=%E6%B9%96%E5%8C%97%E6%B0%91%E6%97%8F%E5%AD%A6%E9%99%A2%20%E5%91%A8%E6%88%90%E6%9E%97&rsv_pq=916c2c2700010254&rsv_t=d298BgEiCm7hViMVETEkcg5gP6atocVTIozvIIWsOBdGebVgLgTWU%2F5zoco&rqlang=cn&rsv_enter=1&rsv_sug3=9&rsv_sug1=5&rsv_sug7=100&rsv_sug2=0&inputT=8962&rsv_sug4=9718" class="button default" target="_blank">baidu.com</a>
                </div>
            </div>
        </div>
    </div>
    <!-- .site-top -->
    <!-- SERVICES -->
    <div id="skills">
        <div class="container">
            <div class="inside light page-section text-center">
                <div class="row">
                    <div class="owl-carousel">
                        <div class="service-item">
                            <div class="service-icon"><i class="fa fa-code"></i></div>
                            <h3>JAVA</h3>
                            <p>致力于 Java 战线开发，善于整合系统框架和封装重用，注重代码简洁和规范，代码规范遵循开源版阿里巴巴Java开发手册。</p>
                        </div>
                        <div class="service-item">
                            <div class="service-icon"><i class="fa fa-cloud"></i></div>
                            <h3>后端框架</h3>
                            <p>熟练目前企业流行使用的SSM框架整合开发方案，以及分布式架构各环节技术解决方案，同时能够根据系统需求灵活扩展。</p>
                        </div>
                        <div class="service-item">
                            <div class="service-icon"><i class="fa fa-desktop"></i></div>
                            <h3>前端框架</h3>
                            <p>熟练使用Bootstrap开发用户界面，或基于H+、adminLTE、ZUI、Amaze UI等界面框架进行开发，并能够整合其他前端组件。</p>
                        </div>
                        <div class="service-item">
                            <div class="service-icon"><i class="fa fa-ellipsis-h"></i></div>
                            <h3>其他</h3>
                            <p>目前主要从事于项目需求对接、概要设计、技术选型和开发、研发管理等工作；在业余时间活跃在gitee社区，并不定时保持开源项目的更新。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- POSTS -->
    <section id="posts" class="page-section">
        <div class="container">
            <div class="row">
                <div class="col-xs-8 col-xs-offset-2 text-center">
                    <a href="https://gitee.com/dp_group"><h2>开源项目</h2></a>
                    <span class="underline"></span>
                    <h4>DP(Deepin Plain)本着专业极致地技术追求，搭建可快速开发平台，实现可深度定制、敏捷开发的目标。在开发过程中遵循从开源中来到开源去的精神原则，汲取开源方案的优点，同时也结合自身对技术的理解和实践，从而获得更加完善的解决方案。</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <script src='https://gitee.com/dp_group/dp-passport/widget_preview'></script>
                </div>
                <div class="col-md-6 col-sm-12">
                    <script src='https://gitee.com/dp_group/dp-pro/widget_preview'></script>
                </div>
            </div>
            <div class="row" style="margin-top: 10px;">
                <div class="col-md-6 col-sm-12">
                    <script src='https://gitee.com/dp_group/dp-BOOT/widget_preview'></script>
                </div>
                <div class="col-md-6 col-sm-12">
                    <script src='https://gitee.com/dp_group/dp-security/widget_preview'></script>
                </div>
            </div>
            <!--项目评论-->
            <div class="row" style="height:350px;">
                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">基本看了下源码，你数据级别的权限似乎没有处理哦。不过还是很棒。</div>
                        <div class="swiper-slide">项目看起来挺不错的，建议集成 mybatis-plus，继续优化扩展renren</div>
                        <div class="swiper-slide">整体来说做的还是可以的，先star</div>
                        <div class="swiper-slide">加入代码生成器就完美了</div>
                        <div class="swiper-slide">弹窗交互方式比renren的页面跳转要好~</div>
                        <div class="swiper-slide">......</div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
            <!--项目评论-->
        </div>
    </section>
    <!-- CALL TO ACTION -->
    <section id="cta">
        <div class="container">
            <span class="decoration-header decoration-2"></span>
            <div class="inside accent page-section">
                <div class="row">
                    <div class="col-md-12 text-center white-text">
                        <h2>联系我们</h2>
                        <h4>如果您对项目有好的建议或者其他问题，请联系我们，给我们一个沟通交流的机会！</h4>
                    </div>
                </div>
                <div class="row">
                    
                </div>
            </div>
        </div>
    </section>
    <!-- CONTACT US -->
    <section id="contact" class="page-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center space40">
                    <h4>您可发送邮件至 <a href="mailto:yczclcn@163.com">yczclcn@163.com</a> 或者以下方式可联系到我们</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-12 col-md-offset-4">
                    <div class="post-inside">
                        <div class="post-thumb">
                            <img src="images/group.png" alt="">
                        </div>
                        <div class="post-content">
                            <h5><a href="https://qr.dingtalk.com/action/joingroup?code=v1,k1,dfw++dS7zHmsya7Lay6bXqW98iMeMog9GiZbOR/u3f8=&_dt_no_comment=1&origin=11">DP开源项目交流群</a></h5>
                            <span class="small-text">钉钉群号：23119937</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center">
                <a href="#" class="button default go-top"><i class="fa fa-arrow-up"></i> 回到顶部</a>
            </div>
        </div>
    </section>
    <!-- SITE-FOOTER -->
    <footer class="site-footer">
        <div class="container text-center">
            <div class="row">
                <div class="col-md-12">
                    <ul class="social-icons">
                        <li data-toggle="tooltip" title="yczclcn@163.com">
                            <a href="mailto:yczclcn@163.com" class="fa fa-envelope"></a>
                        </li>
                        <li data-toggle="tooltip" title="839256545">
                            <a href="javascript:;" class="fa fa-qq"></a>
                        </li>
                        <li data-toggle="tooltip" title="13770622505">
                            <a href="javascript:;" class="fa fa-weixin"></a>
                        </li>                        
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <p class="copyright-text">
                        &copy; 2019 Mr. Lin. All Rights Reserved.
                        <br>备案号：<a href="http://www.miitbeian.gov.cn/" target="_blank">苏ICP备17034357-1号</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <script src="js/vendor/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/main.js"></script>
    <script type="text/javascript">
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
    </script>
</body>

</html>
